<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米商城</title>
		<link rel="stylesheet" href="./font_o7i7jdehmgt/iconfont.css">
		<link rel="shortcut icon" href="./favicon.ico" />
		<link rel="stylesheet" type="text/css" href="./css/xiaomi.css" />
	</head>
	<script src="./js/tools.js"></script>
	<script src="./js/jquery.min.js"></script>
	<script src="./node_modules/layui-layer/dist/layer.js"></script>
	<script src="./js/xiaomi.js"></script>
	<body>
		<!-- return -->
		<div class="return">
			<li>
				<span class="iconfont icon-shouji"></span>
				<p>手机APP</p>
			</li>
			<li>
				<span class="iconfont icon-app_icons--
				"></span>
				<p>个人中心</p>
			</li>
			<li>
				<span class="iconfont icon-shouhou"></span>
				<p>售后服务</p>
			</li>
			<a href="./helpCenter.html"><li>
				<span class="iconfont icon-kefu"></span>
				<p>人工客服</p>
			</li></a>
			<a href="./Shopping_Cart.html"><li>
				<span class="iconfont icon-gouwuche"></span>
				<p>购物车</p>
			</li></a>
			<li class="fanhui">
				<span class="iconfont icon-fanhuidingbu"></span>
				<p>返回顶部</p>
			</li>
		</div>
		<!-- header -->
		<div class="header-big">
			<div class="phone-slide">
				<div class="slide-center">
					<li>
						<img src="./imgs/13.jpg.png" alt="">
						<p>小米11 Ultra</p>
						<p>5499元起</p>
					</li>
					<li>
						<img src="./imgs/13.jpg.png" alt="">
						<p>小米11 Ultra</p>
						<p>5499元起</p>
					</li>
					<li>
						<img src="./imgs/13.jpg.png" alt="">
						<p>小米11 Ultra</p>
						<p>5499元起</p>
					</li>
					<li>
						<img src="./imgs/13.jpg.png" alt="">
						<p>小米11 Ultra</p>
						<p>5499元起</p>
					</li>
					<li>
						<img src="./imgs/13.jpg.png" alt="">
						<p>小米11 Ultra</p>
						<p>5499元起</p>
					</li>
					<li class="slide-li">
						<img src="./imgs/13.jpg.png" alt="">
						<p>小米11 Ultra</p>
						<p>5499元起</p>
					</li>
				</div>
			</div>
			<div class="header">
				<div class="header-l">
					<ul>
						<li><a href="#">小米商城</a></li>
						<li><a href="#">MIUI</a></li>
						<li><a href="#">loT</a></li>
						<li><a href="#">云服务</a></li>
						<li><a href="#">天星科技</a></li>
						<li><a href="#">有品</a></li>
						<li><a href="#">小爱开放平台</a></li>
						<li><a href="#">企业团购</a></li>
						<li><a href="#">资质证照</a></li>
						<li><a href="#">协议规则</a></li>
						<li class="download">
                            <a href="#">下载app</a>
                            <div class="download-slide">
                                <img src="./images/download.png" alt="">
                                <p>小米商城APP</p>
                            </div>
                        </li>
						<li><a href="#">智能生活</a></li>
						<li class="header-li"><a href="#">Select Location</a></li>
					</ul>
					<div class="logininfo">
						<li><a href="./login.html">登录</a></li>
						<li><a href="./register.html">注册</a></li>
					</div>
					<div class="pinterest"><a href="">消息通知</a></div>
				</div>

				<div class="header-r">
					<span class="iconfont icon-gouwuche"></span>
					<span class="header-rp">购物车（0）</span>
					<div class="header-slide">购物车中还没有商品，赶紧选购吧！</div>
				</div>
			</div>
		</div>
		<!-- top -->
		<div class="nav-top">
			<!-- nav -->
			<div class="nav">
				<div class="nav-logo">
					<a href="./xiaomi.html" title="小米官网"><img src="./imgs/4.jpg.png"></a>
				</div>
				<div class="nav-m">
					<li><a href="#">小米手机</a></li>
					<li><a href="#">Redmi 红米</a></li>
					<li><a href="#">电视</a></li>
					<li><a href="#">笔记本</a></li>
					<li><a href="#">平板</a></li>
					<li><a href="#">家电</a></li>
					<li><a href="#">路由器</a></li>
					<li><a href="#">智能硬件</a></li>
					<li><a href="./helpCenter.html">服务</a></li>
					<li><a href="#">社区</a></li>
				</div>
				<div class="nav-r">
					<div class="nav-r1">
						
					</div>
					<div class="nav-pic">
						<span class="iconfont icon-fangdajing"></span>
					</div>
				</div>
			</div>
			<!-- center -->
			<div class="center">
				<div class="center-l">
					<div class="center-li">
						<a href="#">手机</a>
						<div class="center-slide">
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
							<li><img src="./imgs/mix4"><span>Xiaomi Mix 4</span></li>
						</div>
					</div>
					<div><a href="#">电视</a></div>
					<div><a href="#">笔记本 平板</a></div>
					<div><a href="#">家电</a></div>
					<div><a href="#">出行 穿戴</a></div>
					<div><a href="#">智能 路由器</a></div>
					<div><a href="#">电源 配件</a></div>
					<div><a href="#">健康 儿童</a></div>
					<div><a href="#">耳机 音箱</a></div>
					<div><a href="#">生活 箱包</a></div>
				</div>
				<div class="carousel">
					<ul>
						<li>
							<a href="">
								<img src="./imgs/72.jpg.jpg" alt="">
							</a>
						</li>
						<li>
							<a href="">
								<img src="./imgs/1.jpg.jpg" alt="">
							</a>
						</li>
						<li>
							<a href="">
								<img src="./imgs/3.jpg.jpg" alt="">
							</a>
						</li>
					</ul>
					<ol>
			
					</ol>
					<a href="" class="leftBtn">&lt;</a>
					<a href="" class="rightBtn">&gt;</a>
				</div>
			</div>
			<!-- phone -->
			<div class="phone">
				<div class="phone-l">
					<div class="phone-l1">
						<img src="./imgs/link1.png">
						<p class="phone-l1-p">选购手机</p>
					</div>
					<div class="phone-l1">
						<img src="./imgs/link2.png">
						<p class="phone-l1-p">企业团购</p>
					</div>
					<div class="phone-l1">
						<img src="./imgs/link3.png">
						<p class="phone-l1-p">F码通道</p>
					</div>
					<div class="phone-l1">
						<img src="./imgs/link4.png">
						<p class="phone-l1-p">米粉卡</p>
					</div>
					<div class="phone-l1">
						<img src="./imgs/link5.png">
						<p class="phone-l1-p">以旧换新</p>
					</div>
					<div class="phone-l1">
						<img src="./imgs/link6.png">
						<p class="phone-l1-p">话费充值</p>
					</div>
				</div>
				<div class="phone-r">
					<div class="phone-r-pic1"><img src="./imgs/5.jpg.png"></div>
					<div class="phone-r-pic1"><img src="./imgs/6.jpg.png"></div>
					<div class="phone-r-pic1"><img src="./imgs/7.jpg.png"></div>
				</div>
			</div>
		</div>
		<!-- below -->
		<div class="below">
			<div class="redmi-big">
				<img src="./imgs/73.jpg.jpg">
			</div>
			<div class="mix-big">
				<div class="mix-top">
					<div class="mix-topl">
						<h5 class="mix-topl-h5">手机</h5>
					</div>
					<div class="mix-topr">
						<p class="mix-topr-p">查看更多</p>
						<img src="imgs/more.png " class="mix-topr-pic">
					</div>
				</div>
				<div class="mix-bottom">
					<div class="mix-l">
						<img src="./imgs/8.jpg.png">
					</div>
					<div class="mix-r">
						<!-- <li>
							<img src="./imgs/9.jpg.png" class="mifen-pic">
							<h5 class="mifen-type">Xiaomi MIX 4</h5>
							<p class="mifen-info">CPU全面屏</p>
							<span class="mifen-price">4999元起</span>
							<span class="mifen-old-price"></span>
						</li>
						<li>
							<img src="./imgs/10jpg.png" class="mifen-pic">
							<h5 class="mifen-type">Note 10 Pro</h5>
							<p class="mifen-info">天玑1100年度旗舰芯</p>
							<span class="mifen-price">1599元起</span>
							<span class="mifen-old-price">1699元</span>
						</li>
						<li>
							<img src="./imgs/11.jpg.png" class="mifen-pic">
							<h5 class="mifen-type">Redmi Note 10 5G</h5>
							<p class="mifen-info">5G小金刚 | 旗舰长续航</p>
							<span class="mifen-price">1099元起</span>
							<span class="mifen-old-price"></span>
						</li>
						<li>
							<img src="./imgs/12.jpg.png" class="mifen-pic">
							<h5 class="mifen-type">小米MIX FOLD</h5>
							<p class="mifen-info">折叠大屏 | 自研芯片</p>
							<span class="mifen-price">9999元起</span>
							<span class="mifen-old-price"></span>
						</li>
						<li>
							<img src="./imgs/13.jpg.png" class="mifen-pic">
							<h5 class="mifen-type">小米11 Ultra</h5>
							<p class="mifen-info">1/1.12''GN2 | 2K四微曲屏</p>
							<span class="mifen-price">5499元起</span>
							<span class="mifen-old-price">5999元</span>
						</li>
						<li>
							<img src="./imgs/14.jpg.png" class="mifen-pic">
							<h5 class="mifen-type">小米11pro</h5>
							<p class="mifen-info">1/1.12''GN2 | 骁龙888</p>
							<span class="mifen-price">4499元</span>
							<span class="mifen-old-price">4999元</span>
						</li>
						<li>
							<img src="./imgs/15.jpg.png" class="mifen-pic">
							<h5 class="mifen-type">小米11青春版</h5>
							<p class="mifen-info">小米11青春版 轻薄</p>
							<span class="mifen-price">2099元</span>
							<span class="mifen-old-price">2299元</span>
						</li>
						<li>
							<img src="./imgs/16.jpg.png" class="mifen-pic">
							<h5 class="mifen-type">K40 游戏增强版</h5>
							<p class="mifen-info">轻薄电竞设计</p>
							<span class="mifen-price">1999元起</span>
							<span class="mifen-old-price"></span>
						</li> -->
					</div>
				</div>
			</div>

			<!-- product -->
			<div class="product">
				<div class="product-top">
					<div class="product-top1">
						<p class="product-top1-p">家电</p>
					</div>
					<div class="product-top2">
						<li><a href="#"></a>电视影音</li>
						<li><a href="#"></a>热门</li>
					</div>
				</div>

				<div class="product-bot">
					<div class="product-l">
						<img src="./imgs/17.jpg.png" class="product-l-pic">
						<img src="./imgs/22.jpg.png">
					</div>
					<div class="product-r">
						<ul>
							<li>
								<img src="./imgs/18.jpg.png" class="product-pic1">
								<h5 class="product-type">小米电视6 65'' OLED</h5>
								<p class="product-info">小米电视6 65'' OLED</p>
								<span class="product-price">7699元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/19.jpg.png" class="product-pic1">
								<h5 class="product-type">小米电视6 至尊版</h5>
								<p class="product-info">画质新境界</p>
								<span class="product-price">5999元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/20.jpg.png" class="product-pic1">
								<h5 class="product-type">小米电视 ES系列 2022款</h5>
								<p class="product-info">ES系列 2022款</p>
								<span class="product-price">1999元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/21.jpg.png" class="product-pic1">
								<h5 class="product-type">米家互联网对开门冰箱 540L</h5>
								<p class="product-info">重磅新品福利特惠</p>
								<span class="product-price">2999元</span>
								<span class="old-price2">3699元</span>
							</li>
							<li>
								<img src="./imgs/23.jpg.png" class="product-pic1">
								<h5 class="product-type">米家超薄电磁炉</h5>
								<p class="product-info">纤薄美学，精准猛火</p>
								<span class="product-price">499元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/24.jpg.png" class="product-pic1">
								<h5 class="product-type">米家集尘扫拖机器人</h5>
								<p class="product-info">自动倒垃圾，45天手不沾尘</p>
								<span class="product-price">2999元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/25.jpg.png" class="product-pic1">
								<h5 class="product-type">Redmi全自动洗衣机 8kg</h5>
								<p class="product-info">一键操作，父母都爱用</p>
								<span class="product-price">799元</span>
								<span class="old-price2">899元</span>
							</li>

							<li>
								<div class="product-shang">
									<div class="product-shang1">
										<p class="shang1-p1">米家互联网烟灶套装（天然气）</p>
										<p class="shang1-p2">2298元</p>
									</div>
									<div class="product-shang2"><img src="./imgs/26.jpg.png"></div>
								</div>

								<div class="product-xia">
									<div class="product-xia1">
										<p class="xia1-p1">浏览更多</p>
										<p class="xia1-p2">热门</p>
									</div>
									<div class="product-xia2"><img src="./imgs/37.jpg.png"></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- intellect -->
			<div class="intellect">
				<div class="intellect-top">
					<div class="intellect-top1">
						<p class="intellect-top1-p">智能</p>
					</div>
					<div class="intellect-top2">
						<ul>
							<li><a href="#"></a>安防</li>
							<li><a href="#"></a>出行</li>
							<li><a href="#"></a>热门</li>
						</ul>
					</div>
				</div>

				<div class="intellect-bot">
					<div class="intellect-l">
						<img src="./imgs/27.jpg.png" class="intellect-l-pic">
						<img src="./imgs/32.jpg.png">
					</div>
					<div class="intellect-r">
						<ul>
							<li>
								<img src="./imgs/28.jpg.png" class="intellect-pic1">
								<h5 class="intellect-type">Xiaomi Sound</h5>
								<p class="intellect-info">小米高保真智能音箱</p>
								<p class="intellect-prices">499元</p>
							</li>
							<li>
								<img src="./imgs/29.jpg.png" class="intellect-pic1">
								<h5 class="intellect-type">小米路由器AX3000</h5>
								<p class="intellect-info">小米路由器AX3000</p>
								<p class="intellect-prices">349元</p>
							</li>
							<li>
								<img src="./imgs/30.jpg.png" class="intellect-pic1">
								<h5 class="intellect-type">Redmi路由器AX3000</h5>
								<p class="intellect-info">急速WiFi6，更快一步</p>
								<p class="intellect-prices">269元</p>
							</li>
							<li>
								<img src="./imgs/31.jpg.png" class="intellect-pic1">
								<h5 class="intellect-type">小米自动智能门锁 Pro</h5>
								<p class="intellect-info">一步到位，全面高能</p>
								<p class="intellect-prices">2199元</p>
							</li>
							<li>
								<img src="./imgs/33.jpg.png" class="intellect-pic1">
								<h5 class="intellect-type">小米智能门锁E</h5>
								<p class="intellect-info">告别钥匙，畅享便捷生活</p>
								<p class="intellect-prices">999元</p>
							</li>
							<li>
								<img src="./imgs/34.jpg.png" class="intellect-pic1">
								<h5 class="intellect-type">小米小爱音箱 play</h5>
								<p class="intellect-info">听音乐 语音遥控家电</p>
								<p class="intellect-prices">109元</p>
							</li>
							<li>
								<img src="./imgs/35.jpg.png" class="intellect-pic1">
								<h5 class="intellect-type">米家智能窗帘</h5>
								<p class="intellect-info">窗帘开合随心控</p>
								<p class="intellect-prices">799元</p>
							</li>
							
							<li>
								<div class="intellect-shang">
									<div class="intellect-shang1">
										<p class="intellect-shang1-p1">小米体脂称2</p>
										<p class="intellect-shang1-p2">99元</p>
									</div>
									<div class="intellect-shang2"><img src="./imgs/36.jpg.png"></div>
								</div>

								<div class="intellect-xia">
									<div class="intellect-xia1">
										<p class="intellect-xia1-p1">浏览更多</p>
										<p class="intellect-xia1-p2">热门</p>
									</div>
									<div class="intellect-xia2"><img src="./imgs/37.jpg.png"></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<!-- headset -->
			<div class="product">
				<div class="product-top">
					<div class="product-top1">
						<p class="product-top1-p">搭配</p>
					</div>
					<div class="product-top2">
						<ul>
							<li><a href="#"></a>耳机音箱</li>
							<li><a href="#"></a>热门</li>
						</ul>
					</div>
				</div>

				<div class="product-bot">
					<div class="product-l">
						<img src="./imgs/38.jpg.png" class="product-l-pic">
						<img src="./imgs/43.jpg.png">
					</div>
					<div class="product-r">
						<ul>
							<li>
								<img src="./imgs/39.jpg.png" class="product-pic1">
								<h5 class="product-type">小米降噪耳机Pro FilpBuds Pro</h5>
								<p class="product-info">主动降噪 超长续航</p>
								<span class="product-price">799元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/40.jpg.png" class="product-pic1">
								<h5 class="product-type">Redmi AirDots 3 Pro</h5>
								<p class="product-info">智能降噪 超低延迟</p>
								<span class="product-price">299元</span>
								<span class="old-price2">349元</span>
							</li>
							<li>
								<img src="./imgs/41.jpg.png" class="product-pic1">
								<h5 class="product-type">小米手环6 NFC版</h5>
								<p class="product-info">全屏实力</p>
								<span class="product-price">269元</span>
								<span class="old-price2">279元</span>
							</li>
							<li>
								<img src="./imgs/42.jpg.png" class="product-pic1">
								<h5 class="product-type">Redmi AirDots 2真无线蓝牙耳机</h5>
								<p class="product-info">支持蓝牙5.0 自动秒连，拿起就能用</p>
								<span class="product-price">89元</span>
								<span class="old-price2">99元</span>
							</li>
							<li>
								<img src="./imgs/44.jpg.png" class="product-pic1">
								<h5 class="product-type">Redmi 手表</h5>
								<p class="product-info">35g超轻大屏</p>
								<span class="product-price">299元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/45.jpg.png" class="product-pic1">
								<h5 class="product-type">小米手表Color 运动版</h5>
								<p class="product-info">超长续航，支持血氧功能</p>
								<span class="product-price">699元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/46.jpg.png" class="product-pic1">
								<h5 class="product-type">小米真无线蓝牙耳机Air 2s</h5>
								<p class="product-info">全面升级，智慧真无线</p>
								<span class="product-price">359元</span>
								<span class="old-price2">399元</span>
							</li>
							
							<li>
								<div class="product-shang">
									<div class="product-shang1">
										<p class="shang1-p1">小米真无线蓝牙耳机Air</p>
										<p class="shang1-p2">449元</p>
									</div>
									<div class="product-shang2"><img src="./imgs/47.jpg.png"></div>
								</div>

								<div class="product-xia">
									<div class="product-xia1">
										<p class="xia1-p1">浏览更多</p>
										<p class="xia1-p2">热门</p>
									</div>
									<div class="product-xia2"><img src="./imgs/37.jpg.png"></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<!-- ports -->
			<div class="product">
				<div class="product-top">
					<div class="product-top1">
						<p class="product-top1-p">配件</p>
					</div>
					<div class="product-top2">
						<ul>
							<li><a href="#"></a>充电器</li>
							<li><a href="#"></a>热门</li>
						</ul>
					</div>
				</div>

				<div class="product-bot">
					<div class="product-l">
						<img src="./imgs/48.jpg.png" class="product-l-pic">
						<img src="./imgs/53.jpg.png">
					</div>
					<div class="product-r">
						<ul>
							<li>
								<img src="./imgs/49.jpg.png" class="product-pic1">
								<h5 class="product-type">高速无线充套装</h5>
								<p class="product-info">快速无线闪充，Qi充电标准</p>
								<span class="product-price">149元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/50.jpg.png" class="product-pic1">
								<h5 class="product-type">小米无线充电宝青春版10000mAh</h5>
								<p class="product-info">能量满满，无线有线都能充</p>
								<span class="product-price">109元</span>
								<span class="old-price2">129元</span>
							</li>
							<li>
								<img src="./imgs/51.jpg.png" class="product-pic1">
								<h5 class="product-type">小米插线板（含3口USB快充）</h5>
								<p class="product-info">3个USB充电口，支持快充</p>
								<span class="product-price">59元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/52.jpg.png" class="product-pic1">
								<h5 class="product-type">米家魔方转换器</h5>
								<p class="product-info">方寸之间，能量无限</p>
								<span class="product-price">59元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/54.jpg.png" class="product-pic1">
								<h5 class="product-type">米家插线板 快充版 27W</h5>
								<p class="product-info">安全的大功率快充插线板</p>
								<span class="product-price">69元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/55.jpg.png" class="product-pic1">
								<h5 class="product-type">米家筋膜枪</h5>
								<p class="product-info">米家筋膜枪</p>
								<span class="product-price">499元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/56.jpg.png" class="product-pic1">
								<h5 class="product-type">米家插线板6位基础版</h5>
								<p class="product-info">小巧设计，便捷不占地</p>
								<span class="product-price">79元</span>
								<span class="old-price2"></span>
							</li>
							
							<li>
								<div class="product-shang">
									<div class="product-shang1">
										<p class="shang1-p1">小米车载充电器快充版</p>
										<p class="shang1-p2">69元</p>
									</div>
									<div class="product-shang2"><img src="./imgs/57.jpg.png"></div>
								</div>

								<div class="product-xia">
									<div class="product-xia1">
										<p class="xia1-p1">浏览更多</p>
										<p class="xia1-p2">热门</p>
									</div>
									<div class="product-xia2"><img src="./imgs/37.jpg.png"></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
			<!-- periphery -->
			<div class="product">
				<div class="product-top">
					<div class="product-top1">
						<p class="product-top1-p">周边</p>
					</div>
					<div class="product-top2">
						<ul>
							<li><a href="#"></a>出行</li>
							<li><a href="#"></a>热门</li>
						</ul>
					</div>
				</div>

				<div class="product-bot">
					<div class="product-l">
						<img src="./imgs/58.jpg.png" class="product-l-pic">
						<img src="./imgs/63.jpg.png">
					</div>
					<div class="product-r">
						<ul>
							<li>
								<img src="./imgs/59.jpg.png" class="product-pic1">
								<h5 class="product-type">米家声波电动牙刷T300</h5>
								<p class="product-info">31000次/分钟震动，刷的干净</p>
								<span class="product-price">99元</span>
								<span class="old-price2"></span>
							</li>
							<li>
								<img src="./imgs/60.jpg.png" class="product-pic1">
								<h5 class="product-type">米家声波电动牙刷T500</h5>
								<p class="product-info">刷的干净，智能护齿</p>
								<span class="product-price">169元</span>
								<span class="old-price2">179元</span>
							</li>
							<li>
								<img src="./imgs/61.jpg.png" class="product-pic1">
								<h5 class="product-type">米家声波电动牙刷T700</h5>
								<p class="product-info">米家声波电动牙刷T700</p>
								<span class="product-price">369元</span>
								<span class="old-price2">399元</span>
							</li>
							<li>
								<img src="./imgs/62.jpg.png" class="product-pic1">
								<h5 class="product-type">米家电动剃须刀 S700</h5>
								<p class="product-info">陶瓷净须，开局之作</p>
								<span class="product-price">399元</span>
								<span class="old-price2">499元</span>
							</li>
							<li>
								<img src="./imgs/64.jpg.png" class="product-pic1">
								<h5 class="product-type">米家电动剃须刀 S100</h5>
								<p class="product-info">浮动双刀头，全身水洗</p>
								<span class="product-price">78元</span>
								<span class="old-price2">79元</span>
							</li>
							<li>
								<img src="./imgs/65.jpg.png" class="product-pic1">
								<h5 class="product-type">米家电动剃须刀 S500</h5>
								<p class="product-info">浮动贴面更干净，减压设计更舒适</p>
								<span class="product-price">169元</span>
								<span class="old-price2">199元</span>
							</li>
							<li>
								<img src="./imgs/66.jpg.png" class="product-pic1">
								<h5 class="product-type">米家电动剃须刀 S300</h5>
								<p class="product-info">青年无须新选择</p>
								<span class="product-price">99元</span>
								<span class="old-price2"></span>
							</li>
							
							<li>
								<div class="product-shang">
									<div class="product-shang1">
										<p class="shang1-p1">日常元素抽纸</p>
										<p class="shang1-p2">25.9元</p>
									</div>
									<div class="product-shang2"><img src="./imgs/67.jpg.png"></div>
								</div>

								<div class="product-xia">
									<div class="product-xia1">
										<p class="xia1-p1">浏览更多</p>
										<p class="xia1-p2">热门</p>
									</div>
									<div class="product-xia2"><img src="./imgs/37.jpg.png"></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="pen">
				<img src="./imgs/2..jpg.jpg" alt="">
			</div>	
		<!-- hot -->
			<div class="hot">
				<div class="hot-top">
					<div class="hot-top1">
						<p class="hot-top1-p">热评产品</p>
					</div>
				</div>
			
				<div class="hot-bot">
					<ul>
						<li>
							<img src="imgs/xiaomi3_33.png" class="hot-pic1">
							<p class="hot-type">很小巧 很不喜欢带活塞的人可以试试这种~很舒服包装还是一如既往的简洁要是有盒子就好了==</p>
							<p class="hot-info">来自于 鹤立 的评价</p>
							<p class="hot-p1">小米胶囊耳机 | <span class="hot-price">69元</span></p>
						</li>
						<li>
							<img src="imgs/xiaomi3_35.png" class="hot-pic1">
							<p class="hot-type">超级喜欢! 小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！那倒是因为那一句？？小米为发...</p>
							<p class="hot-info">来自于 田密 的评价</p>
							<p class="hot-p1">小米随身蓝牙音箱 | <span class="hot-price">69元</span></p>
						</li>
						<li>
							<img src="imgs/xiaomi3_37.png" class="hot-pic1">
							<p class="hot-type">样子好可爱，特别是转来转去时很有趣，让他休眠时候它就回把头转过去背对着你了，唤醒它又会自动转回来。</p>
							<p class="hot-info">来自于 飓风 的评价</p>
							<p class="hot-p1">小米小白智能摄像机 | <span class="hot-price">399元</span></p>
						</li>
						<li class="hot-box1">
							<img src="imgs/xiaomi3_31.png" class="hot-pic1">
							<p class="hot-type">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在...</p>
							<p class="hot-info">来自于 yinyin19891117 的评价</p>
							<p class="hot-p1">小米插线板 | <span class="hot-price">49元</span></p>
						</li>
					</ul>
				</div>
			</div>
		<!-- content -->
			<div class="content">
				<div class="content-top">
					<div class="content-top1">
						<p class="content-top1-p">内容</p>
					</div>
				</div>
			
				<div class="content-bot">
					<li class="content-box1">
						<h5 class="content-title1">图书</h5>
						<p class="content-type">哈利.波特与被咒诅的孩子</p>
						<div class="content-info">"哈利.波特"第八个故事中文版震撼来<br>袭！特别精彩版剧本！</div>
						<p class="content-price">29.37元</p>
						<img src="imgs/xiaomi3_44.png" class="content-pic1">
						<div class="content-sign">
							<ul>
								<a href=""></a>
								<a href=""></a>
								<a href=""></a>
							</ul>
						</div>	
					</li>
					<li class="content-box2">
						<h5 class="content-title2">MIUI主题</h5>
						<p class="content-type">复仇者联盟3-原始争夺战</p>
						<p class="content-info">收集无限原石，获取炫酷壁纸！</p>
						<p class="content-price">5.2米币</p>
						<img src="imgs/xiaomi3_47.png" class="content-pic1">
						<div class="content-sign">
							<ul>
								<a href=""></a>
								<a href=""></a>
								<a href=""></a>
							</ul>
						</div>
					</li>
					<li class="content-box3">
						<h5 class="content-title3">游戏</h5>
						<p class="content-type">剑侠世界2</p>
						<p class="content-info">潮流武侠，炫动江湖!</p>
						<p class="content-price">&nbsp;</p>
						<img src="imgs/xiaomi3_50.png" class="content-pic1">
						<div class="content-sign">
							<ul>
								<a href=""></a>
								<a href=""></a>
								<a href=""></a>
							</ul>
						</div>
					</li>
					<li class="content-box4">
						<h5 class="content-title4">应用</h5>
						<p class="content-type">2017金米奖</p>
						<p class="content-info">最优秀的应用和游戏</p>
						<p class="content-price">&nbsp;</p>
						<img src="imgs/xiaomi3_53.png" class="content-pic1">
						<div class="content-sign">
							<ul>
								<a href=""></a>
								<a href=""></a>
								<a href=""></a>
							</ul>
						</div>
					</li>
				</div>
			</div>
		
		<!-- video	 -->
			<div class="video">
				<div class="video-top">
					<div class="video-top1">
						<p class="video-top1-p">视频</p>
					</div>
					<div class="video-top2">
						<p class="video-top2-p">查看全部</p>
						<img src="imgs/more.png" class="video-more">
					</div>
				</div>
			
				<div class="video-bot">
					<li>
						<img src="./imgs/68.jpg.png" class="video-pic1">
						<p class="video-type">2021年春季新品发布会第一场</p>
						<p class="video-info"></p>
					</li>
					<li>
						<img src="./imgs/69.jpg.png" class="video-pic1">
						<p class="video-type">Redmi 10X系列发布会</p>
						<p class="video-info">艺术品般陶瓷机身，惊艳，璀璨</p>
					</li>
					<li>
						<img src="./imgs/70.jpg.png" class="video-pic1">
						<p class="video-type">小米10 青春版 发布会</p>
						<p class="video-info">让你一见倾心</p>
					</li>
					<li class="video-box1">
						<img src="./imgs/71.jpg.png" class="video-pic1">
						<p class="video-type">小米10 8K手机拍大片</p>
						<p class="video-info"></p>
					</li>
				</div>
			</div>
		<!-- service -->
			<div class="service-big">
				<div class="service">
					<div class="service-top">
						<div class="service-top1">
							<img src="imgs/xiaomi3_68.png" class="service-top1-pic">
							<p class="service-top1-p">预约维修服务</p>
						</div>
						<div class="service-top1">
							<img src="imgs/xiaomi3_70.png" class="service-top1-pic">
							<p class="service-top1-p">7天无理由退货</p>
						</div>
						<div class="service-top1">
							<img src="imgs/xiaomi3_72.png" class="service-top1-pic">
							<p class="service-top1-p">15天免费换贷</p>   
						</div>
						<div class="service-top1">
							<img src="imgs/xiaomi3_75.png" class="service-top1-pic">
							<p class="service-top1-p">满150元包邮</p>
						</div>
						<div class="service-top1 service-top2">
							<img src="imgs/xiaomi3_78.png" class="service-top1-pic">
							<p class="service-top1-p">520余家售后网点</p>
						</div>
					</div>
					<div class="service-bot">
						<div class="bot-nav">
							<div class="bot-nav1">
								<ul>
									<li><a href="">帮助中心</a></li>
									<li><a href="">服务支持</a></li>
									<li><a href="">线下门店</a></li>
									<li><a href="">关于小米</a></li>
									<li><a href="">关于我们</a></li>
									<li><a href="">特色服务</a></li>
								</ul>
							</div>
							<div class="bot-nav2">
								<ul>
									<li>账户管理</li>
									<li>售后政策</li>
									<li>小米之家</li>
									<li>了解小米</li>
									<li>新浪微博</li>
									<li>F 码通道</li>
									<li>购物指南</li>
									<li>自助服务</li>
									<li>服务网点</li>
									<li>加入小米</li>
									<li>官方微信</li>
									<li>礼物码</li>
									<li>订单操作</li>
									<li>相关下载</li>
									<li>授权体验</li>
									<li>投资关系</li>
									<li>联系我们</li>
									<li>防伪查询</li>
								</ul>
							</div>
						</div>
						<div class="bot-right">
							<p class="bot-right-p1">400-100-5678</p>
							<p class="bot-right-p2">周一至周日 8:00-18:00</p>
							<p class="bot-right-p3">(仅收市话费)</p>
							<img src="imgs/xiaomi3_86.png" >
						</div>
					</div>
				</div>
			</div>
		<!-- footer -->
			<div class="footer-big">
				<div class="footer">
					<div class="footer-logo">
						<img src="./imgs/80_03.png" >
					</div>
					<div class="footer-info">
						<p class="footer-info1">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 路由器 |米粉卡 | 政企服务 | 小米天猫店 | 隐私政策 | 问题反馈 | Select Region</p>
						<p class="footer-info2">@mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2017]1530-131号</p>
						<p class="footer-info3">违法和不良信息举报电话: 185-0130-1238. 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
				</div>
				<div class="footer-r">
					<p class="footer-p1">诚信经营<br>放心消息</p>
					<img src="imgs/xiaomi3_97.png" >
					<p class="footer-p1">网上交易<br>保障中心</p>
					<img src="imgs/xiaomi3_95.png" >
					<p class="footer-p1">可信网站<br>信用评价</p>
					<img src="imgs/xiaomi3_92.png" >
					<p class="footer-p1">诚信网站<br>示范企业</p>
					<img src="imgs/xiaomi3_89.png" >
				</div>
				<div class="footer-xiaomi">
					让全球每个人都能享受科技带来的美好生活！
				</div>
			</div>
		</div>	
	</body>
</html>
